<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<title>个人岗位详情wind</title>
		<link rel="stylesheet" type="text/css" href="../../css/api.css"/>
		<link rel="stylesheet" href="../../css/mui.min.css" />
		<link rel="stylesheet" href="../../css/base.css"/>
		<style>
			body {
				background-color: #f3f5f7;
			}
			.bottom-btn-div {
				position: fixed;
				bottom: 0px;
				width: 100%;
				line-height: 32px;
				text-align: center;
				/*	display: none;*/
				background-color: #fff;
			}
			.bottom-btn {
				border: 1px solid #18b4ed;
				border-radius: 35px;
				color: #18b4ed;
				width: 160px;
				margin-bottom: 10px;
			}
			.divstyleline10 {
				margin-top: 10px;
				background-color: #fff;
			}
			.divstyleheight40 {
				background-color: #fff;
				line-height: 40px;
				padding-left: 15px;
				/*height: 40px;*/
				padding-right: 15px
			}
			#informationdiv {
				margin-top: 66px;
			}
			.line-div-style {
				background-color: #fff;
				line-height: 40px;
				/*	padding-left: 15px;*/
				height: 40px;
			}
			.competition-top-tag1 {
				background-size: 20px;
				background-image: url(../../image/icon_guij_infon.png);
				background-position: center left;
				background-repeat: no-repeat;
				padding-left: 30px;
				font-size: 14px;
				color: #000000;
				line-height: 40px;
			}
			.competition-top-tag {
				background-size: 20px;
				background-image: url(../../image/icon_guiji_score.png);
				background-position: center left;
				background-repeat: no-repeat;
				padding-left: 30px;
				font-size: 14px;
				color: #00000;
				line-height: 40px;
			}
			.div-img-style {
				text-align: center;
				background-color: #ffffff;
			}
			.div-img-style > img {
				width: 120px;
				padding-top: 10px;
				padding-bottom: 10px;
			}
			.div-width75 {
				width: 75%;
				background-color: #fff;
			}
			.div-width25 {
				width: 25%;
				background-color: #fff;
			}
			.mui-table-view-cell:active {
				color: #222222;
			}
			.mui-table-view-cell:active {
				color: #222222;
			}
			.mui-navigate-right:after, .mui-push-left:after, .mui-push-right:after {
				color: #18b4ed;
			}
			.mui-table-view-cell.mui-collapse .mui-collapse-content {
				position: relative;
				display: none;
				overflow: hidden;
				margin: 11px -15px -11px;
				padding: 0px 0px;
				-webkit-transition: height .35s ease;
				-o-transition: height .35s ease;
				transition: height .35s ease;
				background: #fff;
			}
			.mui-collapse-content > p {
				padding: 10px 10px;
				font-size: 14px;
				text-align: center;
				color: #000000;
			}
			.learn-div-style {
				background-color: #fff;
				padding-left: 15px;
				padding-right: 15px;
				padding-top: 5px;
				padding-bottom: 5px
			}
		</style>
	</head>
	<body>
		<div class="base_style_color base_title_Immerse" id='BarAppearance ' ></div>
		<div class="base_navigation_bar base_style_color base_navigation_item_bar base_title_position" >
			<a class="base_left_item" href="#" onclick="backClick()"> <img class="base_back_icon" src="../../image/icon_jiantou.png" alt=""> </a>
			<span id="title">岗位名称</span>
			<a class="base_right_item base_hide_item"   ></a>
		</div>
		<div class="divstyleline10 base_content_font divstyleheight40">
			<div id="informationdiv" class="competition-top-tag">
				基本信息
			</div>
		</div>
		<div  class="divstyleline10 base_black_grey base_content_font" style="padding-left: 15px;padding-right: 15px;padding-bottom: 5px">
			<p class="base_black_grey base_content_font" style="padding-top: 5px;">
				岗位介绍:
			</p>
			<span id="jobsinfo" class="base_black_grey base_content_font"> 1.热爱编程，有良好的代码书写习惯和较强的程序调试能力。
				2.性格踏实稳重，善于与人交流和沟通，具备团队合作精神，较强的适应能力和动手能力。
				3.勤奋好学有上进心，条理清晰，踏实肯干，有很强的责任心。
				4.个人爱好：球类运动，跑步健身。 </span>
		</div>
		<div class="div_divider"></div>
		<div class=" base_content_font divstyleheight40 clearfix">
			<span  class="left div-width25">企业师傅:</span><span class="div-width75 left" id="masternameid">长风网军</span>
		</div>
		<div class="div_divider"></div>
		<div class=" base_content_font divstyleheight40 clearfix" >
			<span  class="left div-width25">辅导老师: </span><span class="div-width75 left" id="teacher"> 张聪</span>
		</div>
		<div class="div_divider"></div>
		<div class=" base_content_font  clearfix learn-div-style" >
			<span  class="left div-width25 ">学习课程:</span>
			<span id="courseid" class=" div-width75 left">《沟通羁绊原则》《开发指南》《沟通羁绊原则》《开发指南》《沟通羁绊原则》《开发指南》</span>
		</div>
		<div id="is_through"  hidden="hidden">
			<div class="div_divider"></div>
			<div class="div-img-style">
				<img src="../../image/icon_guiji_successful.png" />
			</div>
		</div>
		<div class="div_divider"></div>
		<div class=" base_content_font divstyleheight40">
			<div class="competition-top-tag1 ">
				岗位评分
			</div>
		</div>
		<div class="div_divider"></div>
		<div id="notscoreDiv" class="divstyleline10" hidden="hidden" >
			<ul class="mui-table-view">
				<li class="mui-table-view-cell base_black_grey base_content_font"  style="background: #fff" >
					岗位考核：--
				</li>
				<li class="mui-table-view-cell base_black_grey base_content_font" style="background: #fff">
					实习态度：--
				</li>
				<li class="mui-table-view-cell base_black_grey base_content_font" style="background: #fff">
					知识考核：--
				</li>
			</ul>
		</div>
		<div id="resultsId" class="divstyleline10"  hidden="hidden"style="margin-bottom:50px;">
			<ul class="mui-table-view" >
				<li class="mui-table-view-cell mui-collapse">
					<a class="mui-navigate-right base_black_grey base_content_font"  style="background: #fff"href="#" id="masterid">岗位考核：80分</a>
					<div class="mui-collapse-content ">
						<div class="div_divider"></div>
						<p  class="base_black_grey base_content_font" id="kpiid" >
							<!--	kpi:80分-->
							</p class="base_black_grey base_content_font"  > <div class="div_divider"></div>
						<p class="base_black_grey base_content_font" id="abilityid">
							<!--能力态度：80分-->
						</p>
						<div class="div_divider"></div>
						<p class="base_black_grey base_content_font"  id="eventid">
							<!--	事件考核：80分-->
						</p>
					</div>
				</li>
			</ul>
			<ul class="mui-table-view" >
				<li class="mui-table-view-cell mui-collapse">
					<a class="mui-navigate-right base_black_grey base_content_font"  style="background: #fff"href="#" id="teacherid">实习态度：80分</a>
					<div class="mui-collapse-content ">
						<div class="div_divider"></div>
						<p class="base_black_grey base_content_font" id="internshipid"  >
							<!--	实习签到:80分-->
						</p>
						<div class="div_divider"></div>
						<p class="base_black_grey base_content_font" id="conclusion">
							<!--	个人总结：90分-->
						</p>
					</div>
				</li>
			</ul>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell mui-collapse">
					<a class="mui-navigate-right base_black_grey base_content_font" id="coursescoresid" style="background: #fff"href="#">线上考核：80分</a>
					<div class="mui-collapse-content " id="coursescoresdiv">
						<div class="div_divider"></div>
						<p  class="base_black_grey base_content_font" >
							<!--kpi:80-->
						</p>
						<div class="div_divider"></div>
						<p class="base_black_grey base_content_font" >
							<!--考试二:90分-->
						</p>
						<div class="div_divider"></div>
						<p class="base_black_grey base_content_font" >
							<!--面板1子内容-->
						</p>
					</div>
				</li>
			</ul>
			<div class="bottom-btn-div base_title_font"  >
				<span class="bottom-btn" id="Zhscoresid"> 综合评分80</span>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript" src="../../script/MD5.js"></script>
	<script src="../../script/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="../../script/requestTool.js"></script>
	<script src="../../script/common.js"></script>
	<script type="text/javascript" src="../../script/mui.min.js"></script>
	<script type="text/javascript">
		apiready = function() {
			$("#title").html(api.pageParam.title);
			loadData();
			if (api.pageParam.hasOwnProperty('open_type') && api.pageParam.open_type == 0) {//师傅端徒弟列表跳转而来
				sendBuriedNotifi('0', '徒弟实习轨迹详情页', '239');
			} else {
				sendBuriedNotifi('0', '学生实习轨迹详情页', '225');
			}
		}
		function loadData() {
			showProgress();
			var params = {
				jid : $api.getStorage('cfnetppjid'),
				uid : api.pageParam.uid,
				type : api.pageParam.type,
				id : api.pageParam.id,
				gwid : api.pageParam.gwid
			}
			//										alert(JSON.stringify(params));
			cfnetppPOST(url_getStudentInternshipDetails, params, true, function(data, status) {
				//												alert(JSON.stringify(data));
				api.hideProgress();
				if (status == 'success') {
					if (data.code == 200) {
						writelist(data.data.information);
						//						alert(api.pageParam.type);
						if (api.pageParam.type == 1) {
							$("#resultsId").show();
							$("#notscoreDiv").hide();
							writeResultslist(data.data.scoresdetails);
							$(".bottom-btn-div").show();
							//						   alert(data.data.information.scores);
							$("#Zhscoresid").text("综合评分:" + parseFloat(data.data.information.scores) + "分");
						} else {
							$("#resultsId").hide();
							$("#notscoreDiv").show();
						}
					}
				}
			})
		}

		function writelist(data) {
			$("#jobsinfo").html(data.jobintroduce);
			$("#masternameid").html(data.master);
			$("#teacher").html(data.teacher);
			var coursedata = data.course;
			var courses = '';
			for (var i = 0; i < coursedata.length; i++) {
				courses = courses + " 《" + coursedata[i].coursename + "》 ";
			}
			$("#courseid").html(courses);
			// 0 未开始 1 开始 3 通过 4 未通过
			if (data.status == 3) {
				$("#is_through").show();
			} else {
				$("#is_through").hide();
			}
		}

		function writeResultslist(data) {
			//企业师傅
			$("#masterid").html("岗位考核:" + data.masterscores.scores + "分");
			$("#abilityid").html("能力态度:" + data.masterscores.ability + "分");
			$("#kpiid").html("kpi:" + data.masterscores.kpi_scores + "分");
			$("#eventid").html("事件考核:" + data.masterscores.eventscores + "分");
			//老师
			$("#teacherid").html("实习态度:" + data.teacherscores.scores + "分");
			$("#internshipid").html("实习签到:" + data.teacherscores.internship + "分");
			$("#conclusion").html("个人总结:" + data.teacherscores.conclusion + "分");
			//			alert(parseFloat(data.teacherscores.conclusion));
			//课程考试
			var coursescores = data.course_scores;
			$("#coursescoresid").html("知识考核:" + coursescores.scores + "分");
			var scoreshtmls = '';
			var coursescoreslist = coursescores.scoreslist;
			//		     alert(JSON.stringify(coursescoreslist))
			for (var i = 0; i < coursescoreslist.length; i++) {
				var datas = coursescoreslist[i];
				var testscore = datas.testscore;
				if (testscore == undefined || testscore == null ||testscore == '') {
					testscore = 0
				}
				var scoreshtml = '<div class="div_divider"></div>' + '<p  class="base_black_grey base_content_font" >' + datas.testname + ":" + testscore + '分</p>';
				scoreshtmls = scoreshtmls + scoreshtml;
			}
			$("#coursescoresdiv").html(scoreshtmls);
		}

		function backClick() {
			if (api.pageParam.hasOwnProperty('type') && api.pageParam.type == 0) {//师傅端徒弟列表跳转而来
				sendBuriedNotifi('1', '徒弟实习轨迹详情页', '239');
			} else {
				sendBuriedNotifi('1', '学生实习轨迹详情页', '225');
			}
			api.closeWin({
			});
		}

		function closewin() {
			api.addEventListener({
				name : 'keyback'
			}, function(ret, err) {
				backClick();
			})
		}
       
		function sendBuriedNotifi(busionessid, pagetype, pagetypeid) {
			var userinfo = {
				uid : $api.getStorage('cfnetppuid'),
				jid : $api.getStorage('cfnetppjid'),
				uname : $api.getStorage('cfnetppusername'),
			}
			var data = {
				busionessid : busionessid,
				pagetype : pagetype,
				pagetypeid : pagetypeid,
				sourceurl : api.pageParam.sourceurl,
				sourcetitle : api.pageParam.sourcetitle,
				accesspageurl : window.location.pathname,
				accesspagetitle : document.title,
				userinfo : userinfo
			}
			SendBehaviorTrajectoriesNotifi_Study(data);
		}
	</script>
</html>